<template>
  <div v-if="!isMobile" class="common-layout" style="height: 100%;">
    <!--PC端-->
    <el-container>
      <el-main style="background-color: var(--el-color-primary);overflow: hidden;">
        <img src="/images/login/bg1.jpg" style="height: 100%;min-width: 100%;" />
      </el-main>
      <el-aside width="550px">
        <login_box></login_box>
      </el-aside>
    </el-container>
  </div>
  <div v-if="isMobile">
    <!--移动端-->
    <login_box></login_box>
  </div>
</template>
<script setup lang="ts">
import { computed } from 'vue';
import login_box from './login_box.vue';
import { useDeviceStore } from '@/store/useDeviceStore';
const deviceStore = useDeviceStore();
const isMobile = computed(() => { return deviceStore.$state.isMobile });

//>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
</script>
<style></style>
